<template>
  <div class="home">
  hello
    <!-- <ul>
      <li v-for="item in $store.getters.boys" :key="item.id">
        {{ item.name }}
      </li>
  </ul> -->
      <!-- 使用模块A的username -->

      <!-- <p>A 的 username ----{{ $store.state.moduleA.username }}</p>
      <p>A 的 changeName----{{ $store.getters.changeName }}</p> -->

      <hr />

      <!-- 使用模块B的username -->

      <!-- <p>B 的username -----{{ $store.state.moduleB.username }}</p>
      <p>B 的 changeName----{{ $store.getters["moduleB/changeName"] }}</p>

<button @click="$store.commit('moduleB/update')">修改username  </button>
<button @click="$store.dispatch('moduleB/asyncUpdate')"> 异步修改actions 的username</button> -->

  </div>
</template>

<script>
export default {
  name: 'Home',
  components: {}
}
</script>

<style lang="less">
  .home {
    min-height: 500px;
  }
</style>
